import { useState } from 'react';
import { Button, Col, Row, Space } from 'antd';
import cs from 'classnames';
import classNames from 'classnames/bind';
import styles from '../../../../styles/doAppraisalDialog.module.scss';

const cx = classNames.bind(styles);

function AttachmentPane() {
  return (
    <div className={cs(cx('appraisal-pane'), cx('attachment-pane'))}>
      <Row
        className={cs(cx('appraisal-operates'), cx('attachment-operates'))}
        justify="space-between"
      >
        <Col>
          <h6>附件列表</h6>
        </Col>
        <Col>
          <Space>
            <Button>批量删除</Button>
            <Button type="primary">添加附件</Button>
          </Space>
        </Col>
      </Row>
      <div className="attachmentList">
        <div className="attachmentItem">1</div>
      </div>
    </div>
  );
}

export default AttachmentPane;
